<template>
  <van-cell :border="false" center clickable @click="$emit('onClick')">
    <template #icon>
      <van-image round width="30px" height="30px" fit="contain" error-icon="cluster cspg-color-yellow" src='none' />
    </template>
    <template #default>
      <van-row>{{department.department_path.substring(department.department_path.indexOf('/') + 1)}}</van-row>
    </template>
    <template #right-icon>
      <van-radio :name="department"/>
    </template>
  </van-cell>
</template>

<script>
export default {
  name: 'CardDept',
  props: ['department']
}
</script>

<style scoped lang="less">
  .van-cell {
    font-size: 12px;
    padding: 5px 16px;
    .van-row {
      padding: 0px 10px;
      line-height: 20px;
    }
  }
</style>
